@keyframes opacity1 {
    0%{
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        -o-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
    50%{
        opacity: 0.5;
        -webkit-transform: translate3d(-50%,0,0);
        -moz-transform: translate3d(-50%,0,0);
        -ms-transform: translate3d(-50%,0,0);
        -o-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);
    }
    100%{
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
.opacity1{
    -webkit-animation: opacity1 1s linear forwards;
    -o-animation: opacity1 1s linear forwards;
    animation: opacity1 1s linear forwards;
}

/*fadeup*/
@keyframes opacity2 {
    0%{
        opacity: 0;
    }
    50%{
        opacity: 0.5;
    }
    100%{
        opacity: 1;
    }
}
.opacity2{
    -webkit-animation: opacity2 2s linear forwards;
    -o-animation: opacity2 2s linear forwards;
    animation: opacity2 2s linear forwards;
}
@keyframes opacity3 {
    0%{
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100%{
        opacity: 1;
        -webkit-transform: translateX(10%);
        -moz-transform: translateX(10%);
        -ms-transform: translateX(10%);
        -o-transform: translateX(10%);
        transform: translateX(10%);
    }
}
.opacity3{
    -webkit-animation: opacity3 2s  forwards;
    -o-animation: opacity3 2s  forwards;
    animation: opacity3 2s  forwards;
}




/*闪现*/
@keyframes shan01 {
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0.3;
    }
    100%{
        opacity: 1;
    }
}
.shan01{
    -webkit-animation: shan01 2s linear infinite;
    -o-animation: shan01 2s linear infinite;
    animation: shan01 2s linear infinite;
}



/*浮现*/
@keyframes scaleShow {
    0%{
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    50%{
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }
    100%{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.scaleShow{
    -webkit-animation: scaleShow 1s linear forwards;
    -o-animation: scaleShow 1s linear forwards;
    animation: scaleShow 1s linear forwards;
}

/*浮现1*/
@keyframes scaleX {
    0%{
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0);
    }
    50%{
        -webkit-transform: scaleX(0.5);
        -moz-transform: scaleX(0.5);
        -ms-transform: scaleX(0.5);
        -o-transform: scaleX(0.5);
        transform: scaleX(0.5);
    }
    100%{
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
    }
}
.scaleX01{
    -webkit-animation: scaleX 1s linear forwards;
    -o-animation: scaleX 1s linear forwards;
    animation: scaleX 1s linear forwards;
}



/*旋转*/
@keyframes rotate01 {
    0%{
        -webkit-transform: rotateZ(0);
        -moz-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        -o-transform: rotateZ(0);
        transform: rotateZ(0);
    }
    50%{
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
        -o-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }
    100%{
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
.rotate01{
    -webkit-animation: rotate01 1s linear infinite;
    -o-animation: rotate01 1s linear infinite;
    animation: rotate01 1s linear infinite;
}


/*移动轨迹*/
@keyframes moveTo01 {
    0%{
        -webkit-transform: translate3d(42%, -70%,0) scale(0.5);
        -moz-transform: translate3d(42%, -70%,0) scale(0.5);
        -ms-transform: translate3d(42%, -70%,0) scale(0.5);
        -o-transform: translate3d(42%, -70%,0) scale(0.5);
        transform: translate3d(42%, -70%,0) scale(0.5);
    }
    100%{
        -webkit-transform: translate3d(0,0,0) scale(1);
        -moz-transform: translate3d(0,0,0) scale(1);
        -ms-transform: translate3d(0,0,0) scale(1);
        -o-transform: translate3d(0,0,0) scale(1);
        transform: translate3d(0,0,0) scale(1);
    }
}
.moveTo01{
    -webkit-animation: moveTo01 2s forwards;
    -o-animation: moveTo01 2s forwards;
    animation: moveTo01 2s forwards;
}

/*p5车灯动画*/
@keyframes chedeng {
    0%{
        height: 0;
    }
    100%{
        height: 46%;
    }
}
.chedeng{
    -webkit-animation: chedeng 2s forwards;
    -o-animation: chedeng 2s forwards;
    animation: chedeng 2s forwards;
}

/*p6车移动*/
@keyframes carmove {
    0%{
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    100%{
        -webkit-transform: translate3d(0,159%,0);
        -moz-transform: translate3d(0,159%,0);
        -ms-transform: translate3d(0,159%,0);
        -o-transform: translate3d(0,159%,0);
        transform: translate3d(0,159%,0);
    }
}
.carmove{
    -webkit-animation: carmove 2s forwards;
    -o-animation: carmove 2s forwards;
    animation: carmove 2s forwards;
}

/*p7鸡蛋*/
@keyframes eggMove {
    0%{
        opacity: 0;
        -webkit-transform: translate(-1%, -1572%) scale(4) rotateZ(0);
        -moz-transform: translate(-1%, -1572%) scale(4) rotateZ(0);
        -ms-transform: translate(-1%, -1572%) scale(4) rotateZ(0);
        -o-transform: translate(-1%, -1572%) scale(4) rotateZ(0);
        transform: translate(-1%, -1572%) scale(4) rotateZ(0);
    }
    50%{
        opacity: 1;
        -webkit-transform: translate(-1%, -1572%) scale(4) rotateZ(0);
        -moz-transform: translate(-1%, -1572%) scale(4) rotateZ(0);
        -ms-transform: translate(-1%, -1572%) scale(4) rotateZ(0);
        -o-transform: translate(-1%, -1572%) scale(4) rotateZ(0);
        transform: translate(-1%, -1572%) scale(4) rotateZ(0);
    }
    100%{
        opacity: 1;
        -webkit-transform: translate(0%, 0%) scale(1) rotateZ(360deg);
        -moz-transform: translate(0%, 0%) scale(1) rotateZ(360deg);
        -ms-transform: translate(0%, 0%) scale(1) rotateZ(360deg);
        -o-transform: translate(0%, 0%) scale(1) rotateZ(360deg);
        transform: translate(0%, 0%) scale(1) rotateZ(360deg);
    }
}
.eggMove{
    -webkit-animation: eggMove 3s forwards;
    -o-animation: eggMove 3s forwards;
    animation: eggMove 3s forwards;
}

/*p8mp3*/
@keyframes radio01 {
    0%{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50%{
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
    }
    100%{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.radio01{
    -webkit-animation: radio01 0.4s infinite;
    -o-animation: radio01 0.4s infinite;
    animation: radio01 0.4s infinite;
}
/*p8音符飘动*/
@keyframes music01 {
    0%{
        height: 1%;
    }
    100%{
        height: 100%;
    }
}
.music01{
    -webkit-animation: music01 3s forwards;
    -o-animation: music01 3s forwards;
    animation: music01 3s forwards;
}

/*p9-tv*/
@keyframes tv {
    0%{
        -webkit-transform: translateX(5%) rotateZ(10deg);
        -moz-transform: translateX(5%) rotateZ(10deg);
        -ms-transform: translateX(5%) rotateZ(10deg);
        -o-transform: translateX(5%) rotateZ(10deg);
        transform: translateX(5%) rotateZ(10deg);
    }
    50%{
        -webkit-transform: translateX(0%) rotateZ(0deg);
        -moz-transform: translateX(0%) rotateZ(0deg);
        -ms-transform: translateX(0%) rotateZ(0deg);
        -o-transform: translateX(0%) rotateZ(0deg);
        transform: translateX(0%) rotateZ(0deg);
    }
    100%{
        -webkit-transform: translateX(5%) rotateZ(10deg);
        -moz-transform: translateX(5%) rotateZ(10deg);
        -ms-transform: translateX(5%) rotateZ(10deg);
        -o-transform: translateX(5%) rotateZ(10deg);
        transform: translateX(5%) rotateZ(10deg);
    }
}
.tv{
    -webkit-animation: tv 1s infinite;
    -o-animation: tv 1s infinite;
    animation: tv 1s infinite;
}

/*p9苹果飘动*/
@keyframes appleMove {
    0%{
        opacity: 0;
        -webkit-transform: scale(1.2) translate(-126%, -256%) rotateZ(0);
        -moz-transform: scale(1.2) translate(-126%, -256%) rotateZ(0);
        -ms-transform: scale(1.2) translate(-126%, -256%) rotateZ(0);
        -o-transform: scale(1.2) translate(-126%, -256%) rotateZ(0);
        transform: scale(1.2) translate(-126%, -256%) rotateZ(0);
    }
    50%{
        opacity: 1;
        -webkit-transform: scale(1.2) translate(-126%, -256%) rotateZ(0);
        -moz-transform: scale(1.2) translate(-126%, -256%) rotateZ(0);
        -ms-transform: scale(1.2) translate(-126%, -256%) rotateZ(0);
        -o-transform: scale(1.2) translate(-126%, -256%) rotateZ(0);
        transform: scale(1.2) translate(-126%, -256%) rotateZ(0);
    }
    100%{
        opacity: 1;
        -webkit-transform:  scale(1) translate(0%, 0%) rotateZ(360deg);
        -moz-transform:  scale(1) translate(0%, 0%) rotateZ(360deg);
        -ms-transform:  scale(1) translate(0%, 0%) rotateZ(360deg);
        -o-transform:  scale(1) translate(0%, 0%) rotateZ(360deg);
        transform:  scale(1) translate(0%, 0%) rotateZ(360deg);
    }
}
.appleMove{
    -webkit-animation: appleMove 2s linear forwards 2s;
    -o-animation: appleMove 2s linear forwards 2s;
    animation: appleMove 2s linear forwards 2s;
}


/*p10 时间滚动*/
@keyframes timeRoll {
    0%{
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    100%{
        -webkit-transform: translateX(900%);
        -moz-transform: translateX(900%);
        -ms-transform: translateX(900%);
        -o-transform: translateX(900%);
        transform: translateX(900%);
    }
}
.timeRoll{
    -webkit-animation: timeRoll 2s forwards 1s;
    -o-animation: timeRoll 2s forwards 1s;
    animation: timeRoll 2s forwards 1s;
}

/*加载*/
@keyframes loadAniamtion {
    0%{
        display: block;
        opacity: 1;
        z-index: 151;
    }
    95%{
        display: block;
        opacity: 0;
        z-index: 10;
    }
    100%{
        display: none;
        opacity: 0;
        z-index: -1;
    }
}
.loadAniamtion{
    -webkit-animation: loadAniamtion 2s forwards;
    -o-animation: loadAniamtion 2s forwards;
    animation: loadAniamtion 2s forwards;
}

/*灯*/
@keyframes Deng {
    0%{
        -webkit-transform: translate3d(0,-111%,10px) scale(1) rotateZ(30deg);
        -moz-transform: translate3d(0,-111%,10px) scale(1) rotateZ(30deg);
        -ms-transform: translate3d(0,-111%,10px) scale(1) rotateZ(30deg);
        -o-transform: translate3d(0,-111%,10px) scale(1) rotateZ(30deg);
        transform: translate3d(0,-111%,10px) scale(1) rotateZ(30deg);
    }
    50%{
        -webkit-transform: translate3d(0,-111%,10px) scale(1) rotateZ(-30deg);
        -moz-transform: translate3d(0,-111%,10px) scale(1) rotateZ(-30deg);
        -ms-transform: translate3d(0,-111%,10px) scale(1) rotateZ(-30deg);
        -o-transform: translate3d(0,-111%,10px) scale(1) rotateZ(-30deg);
        transform: translate3d(0,-111%,10px) scale(1) rotateZ(-30deg);
    }
    100%{
        -webkit-transform: translate3d(0,-111%,10px) scale(1) rotateZ(30deg);
        -moz-transform: translate3d(0,-111%,10px) scale(1) rotateZ(30deg);
        -ms-transform: translate3d(0,-111%,10px) scale(1) rotateZ(30deg);
        -o-transform: translate3d(0,-111%,10px) scale(1) rotateZ(30deg);
        transform: translate3d(0,-111%,10px) scale(1) rotateZ(30deg);
    }
}
.Deng{
    -webkit-animation: Deng 3s ease infinite,shan01 0.5s linear infinite;
    -o-animation: Deng 3s ease infinite,shan01 0.5s linear infinite;
    animation: Deng 3s ease infinite,shan01 0.5s linear infinite;
}
/*灯2*/
@keyframes Deng2 {
    0%{
        opacity: 1;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,-111%,10px) scale(1);
        -moz-transform: translate3d(0,-111%,10px) scale(1);
        -ms-transform: translate3d(0,-111%,10px) scale(1);
        -o-transform: translate3d(0,-111%,10px) scale(1);
        transform: translate3d(0,-111%,10px) scale(1);
    }
    50%{
        opacity: 1;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(-100%,-90%,10px) scale(2.7);
        -moz-transform: translate3d(-100%,-90%,10px) scale(2.7);
        -ms-transform: translate3d(-100%,-90%,10px) scale(2.7);
        -o-transform: translate3d(-100%,-90%,10px) scale(2.7);
        transform: translate3d(-100%,-50%,10px) scale(2.7);
    }
    100%{
        opacity: 0;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(30%,0,10px) scale(0.2);
        -moz-transform: translate3d(30%,0,10px) scale(0.2);
        -ms-transform: translate3d(30%,0,10px) scale(0.2);
        -o-transform: translate3d(30%,0,10px) scale(0.2);
        transform: translate3d(30%,0,10px) scale(0.2);
    }
}
.Deng2{
    -webkit-animation: Deng2 3s forwards;
    -o-animation: Deng2 3s forwards;
    animation: Deng2 3s forwards;
}

/*鸡蛋效果2*/
@keyframes egg2 {
    0%{
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        opacity: 1;
        -webkit-transform: translate(0%, 0%) scale(1) rotateZ(0deg);
        -moz-transform: translate(0%, 0%) scale(1) rotateZ(0deg);
        -ms-transform: translate(0%, 0%) scale(1) rotateZ(0deg);
        -o-transform: translate(0%, 0%) scale(1) rotateZ(0deg);
        transform: translate(0%, 0%) scale(1) rotateZ(0deg);
    }
    10%{
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        opacity: 1;
        -webkit-transform: translate(0%, 0%) scale(1) rotateZ(-30deg);
        -moz-transform: translate(0%, 0%) scale(1) rotateZ(-30deg);
        -ms-transform: translate(0%, 0%) scale(1) rotateZ(-30deg);
        -o-transform: translate(0%, 0%) scale(1) rotateZ(-30deg);
        transform: translate(0%, 0%) scale(1) rotateZ(-30deg);
    }
    20%{
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        opacity: 1;
        -webkit-transform: translate(0%, 0%) scale(1) rotateZ(30deg);
        -moz-transform: translate(0%, 0%) scale(1) rotateZ(30deg);
        -ms-transform: translate(0%, 0%) scale(1) rotateZ(30deg);
        -o-transform: translate(0%, 0%) scale(1) rotateZ(30deg);
        transform: translate(0%, 0%) scale(1) rotateZ(30deg);
    }
    25%{
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        opacity: 1;
        -webkit-transform: translate(0%, 0%) scale(1) rotateZ(0deg);
        -moz-transform: translate(0%, 0%) scale(1) rotateZ(0deg);
        -ms-transform: translate(0%, 0%) scale(1) rotateZ(0deg);
        -o-transform: translate(0%, 0%) scale(1) rotateZ(0deg);
        transform: translate(0%, 0%) scale(1) rotateZ(0deg);
    }
    80%{
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        opacity: 1;
        -webkit-transform: translate(0%, 0%) scale(1) rotateZ(30deg);
        -moz-transform: translate(0%, 0%) scale(1) rotateZ(30deg);
        -ms-transform: translate(0%, 0%) scale(1) rotateZ(30deg);
        -o-transform: translate(0%, 0%) scale(1) rotateZ(30deg);
        transform: translate(0%, 0%) scale(1) rotateZ(30deg);
    }
    90%{
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        opacity: 1;
        -webkit-transform: translate(0%, 0%) scale(1) rotateZ(-30deg);
        -moz-transform: translate(0%, 0%) scale(1) rotateZ(-30deg);
        -ms-transform: translate(0%, 0%) scale(1) rotateZ(-30deg);
        -o-transform: translate(0%, 0%) scale(1) rotateZ(-30deg);
        transform: translate(0%, 0%) scale(1) rotateZ(-30deg);
    }
    100%{
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -ms-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        opacity: 1;
        -webkit-transform: translate(0%, 0%) scale(1) rotateZ(0deg);
        -moz-transform: translate(0%, 0%) scale(1) rotateZ(0deg);
        -ms-transform: translate(0%, 0%) scale(1) rotateZ(0deg);
        -o-transform: translate(0%, 0%) scale(1) rotateZ(0deg);
        transform: translate(0%, 0%) scale(1) rotateZ(0deg);
    }
}
.egg2{
    -webkit-animation: egg2 4s linear infinite;
    -o-animation: egg2 4s linear infinite;
    animation: egg2 4s linear infinite;
}